<template>
	<div class="page">
		<div class="scroll-wrapper">
			<!-- <iframe id="iframe" frameborder="0" src="http://www.921283.com/mall/#/"></iframe> -->
			<iframe id="iframe" frameborder="0" src="http://192.168.1.12:8080/"></iframe>
		</div>
		<m-Footer></m-Footer>
	</div>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		mounted() {
			window.onload = function() {
				if (!navigator.userAgent.match(/iPad|iPhone/i)) {
					return false;
			   }
			   var iframebody = document.getElementById('iframe').contentWindow.document.body;
			   iframebody.style.width = document.body.clientWidth + 'px';
			}
		},
		methods: {

		}
	};
</script>
<style lang="less" scoped>
	.scroll-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
		width: 100%;
		height: 100%;
	}

	.scroll-wrapper iframe {
		width: 1px;
		min-width: 100%;
		*width: 100%;
	}
</style>
